<script setup>
import tabbar from "@/components/tabbar/index.vue";
import { ref } from "vue";
const images = ref([
  "http://43.138.198.59/imgs/img01.jpg",
  "http://43.138.198.59/imgs/img02.jpg",
  "http://43.138.198.59/imgs/img03.jpg",
  "http://43.138.198.59/imgs/img04.jpg",
]);
const value = ref("");
</script>

<template>
  <div>
    <van-swipe :autoplay="3000" lazy-render>
      <van-swipe-item v-for="image in images" :key="image">
        <img class="imgs" :src="image" />
      </van-swipe-item>
    </van-swipe>
    <van-search v-model="value" placeholder="输入爱你的样子" />
    <van-grid :column-num="4">
      <van-grid-item
        v-for="value in 8"
        :key="value"
        icon="photo-o"
        text="文字"
      />
    </van-grid>
  </div>
  <tabbar></tabbar>
</template>

<style scoped>
.imgs {
  width: 100%;
  height: 100%;
}
</style>
